<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	  xmlns:ui="http://java.sun.com/jsf/facelets"
	  xmlns:h="http://java.sun.com/jsf/html"
	  xmlns:f="http://java.sun.com/jsf/core"
	  xmlns:s="http://jboss.com/products/seam/taglib"
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich">
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
	<title>gambling.zone - register</title>
	<link href="css/screen.css" rel="stylesheet" type="text/css" />
</head>

<body id="pgHome">

<div id="document">

	<div id="header">
		<div id="title"><img src="img/hdr.title.png" alt="gambling.zone"/></div>
	</div>
	
	<div id="container">
	
		<div id="sidebar">		    
			<h1>Do I have to register?</h1>
			<p>
				It's for your safety.
			</p>
			<p>
			   <a href="#" onclick="window.open('exp/registerExp.html','exp','width=752,height=500,scrollbars=yes');">
			      read me
			   </a>
			</p>
			<h1>Any terms of use?</h1>
			<p>
				Here you are:
			</p>
			<p>
			   <a href="#" onclick="window.open('exp/termsExp.html','exp','width=752,height=500,scrollbars=yes');">
			      read me
			   </a>
			</p>
			<h1>And privacy policy?</h1>
			<p>
				Sure.
			</p>
			<p>
			   <a href="#" onclick="window.open('exp/policyExp.html','exp','width=752,height=500,scrollbars=yes');">
			      read me
			   </a>
			</p>
		</div>
		
		<div id="content">
		
			<div class="section">
				<h1>Recover your Passowrd</h1>
			</div>
			
			<div class="section">
				<p>
					Have you lost or forgot your password? That's no problem. We will create a new one for you.
					The only thing you need to do is to specify your email address and login.
				</p>
                
				<div class="entry errors">
					<h:messages globalOnly="true"/>
				</div>

                <h:form id="recover">
				<fieldset>
					<s:decorate id="userLoginDecorate" template="edit.xhtml">
						<ui:define name="label">User login:</ui:define>
						<h:inputText id="login" value="#{recover.userLogin}" required="true">
							<a4j:support event="onblur" reRender="userLoginDecorate"/>
						</h:inputText>
					</s:decorate>
				
					<s:decorate id="emailDecorate" template="edit.xhtml">
						<ui:define name="label">Email:</ui:define>
						<h:inputText id="email" value="#{recover.emailAddress}" required="true">
							<a4j:support event="onblur" reRender="emailDecorate"/>
						</h:inputText>
					</s:decorate>
					
					<div class="buttonBox">
						<h:commandButton id="register" value="Recover" action="#{recover.recover}"/>
						&#160;
						<s:button id="cancel" value="Cancel" view="/home.xhtml"/>
					</div>
									
				</fieldset>
                </h:form>
                
			</div>
			
		</div>
		
	</div>
	
	<div id="footer">Students' project! Don't take it too seriuos.</div>
	
</div>

</body>

</html>
